$(function(){
   //右边点位条
   $(".right_nav_top li a , .right_nav_bottom li a ").hover(function() {
   	  $(this).siblings('span').stop(true).animate({right:"34px",opacity:"1"},500).css({display: 'block'});
   	  // $(this).children('img').stop(true).attr({src: './images/gouwuche.png'});
   }, function() {
   	  $(this).siblings('span').stop(false,true).animate({right:"75px",opacity:"0"},500).fadeOut();
   	  // $(this).children('img').stop(false,true).attr({src: './images/cert.png'});
   });

   //回到顶部
   $('.bg_10').click(function(event) {
       $('html, body').animate({scrollTop:'0px'},300);
   });

   //左边楼层条
   //出现消失
   $(window).scroll(function () {
      if ($(window).scrollTop() >= 589) {
         $('.left_floor').stop(true).animate({width:'35px',height:'369px'},50);
         $('.top_search').stop(true).show();
      }else if ( $(window).scrollTop()< 589){
         $('.left_floor').stop(true).animate({width:'1px',height:'1px'},50);
         $('.top_search').stop(true).hide();
      }
   });
   
   //left_floor 对应楼层的滚动条TOP值  floor_color 对应楼层的颜色值 this_color 当前楼层的颜色值 用于判断
   var left_floor = [1959,2463,3086,3590,4178,4698,5287];
   var floor_color = ['rgb(221,39,39)','rgb(247, 169, 69)','rgb(25, 200, 169)','rgb(241, 84, 83)','rgb(100, 195, 51)','rgb(10, 166, 232)','rgb(234, 95, 141)' ,'rgb(102,102,102)','rgb(221, 39, 39)','rgb(171,171,171)'];
   var this_color = '';

   //鼠标进出楼层 颜色的变化
   $('.left_floor a').hover(function() {
      color_num = $(this).index();
     $(this).css({backgroundColor:floor_color[color_num]});
   }, function() {
    if($(this).css('background-color')!=this_color && $(this).index()!=0 && $(this).index()!=$(this).length-1){
       $(this).css({backgroundColor:'#666666'});
      }
   });

   //点击对应的楼层 到达相应的楼层
   $('.left_floor a').click(function(event) {
    if($(this).index()!=0 && $(this).index()!= 7 && $(this).index()!=9){
        if($(this).index()!=8){
            color_num = $(this).index()-1;
            $('html, body').animate({scrollTop:left_floor[color_num]+'px'},300);
        }else{
            color_num = 6;
            $('html, body').animate({scrollTop:left_floor[color_num]+'px'},300);
        }
    }else if($(this).index()==9){
        $('html, body').animate({scrollTop:'0px'},300);
    }
   });
  
   //当滚动条到达一定位置时 对应楼层颜色变化  可以使用循环 执行一个scroll方法
   $(window).scroll(function(event) {
      if ( $(window).scrollTop()>=left_floor[0] && $(window).scrollTop() < left_floor[1]){
         $('.floor1').css({backgroundColor:floor_color[1]}).siblings('a').not('.floor_frist,.floor_last').css({backgroundColor:'#666666'});
         this_color = floor_color[1];
      }else if ( $(window).scrollTop()>=left_floor[1] && $(window).scrollTop() < left_floor[2]){
         $('.floor2').css({backgroundColor:floor_color[2]}).siblings('a').not('.floor_frist,.floor_last').css({backgroundColor:'#666666'});
         this_color = floor_color[2];
      }else if ( $(window).scrollTop()>=left_floor[2] && $(window).scrollTop() < left_floor[3]){
         $('.floor3').css({backgroundColor:floor_color[3]}).siblings('a').not('.floor_frist,.floor_last').css({backgroundColor:'#666666'});
         this_color = floor_color[3];
      }else if ( $(window).scrollTop()>=left_floor[3] && $(window).scrollTop() < left_floor[4]){
         $('.floor4').css({backgroundColor:floor_color[4]}).siblings('a').not('.floor_frist,.floor_last').css({backgroundColor:'#666666'});
         this_color = floor_color[4];
      }else if ( $(window).scrollTop()>=left_floor[4] && $(window).scrollTop() < left_floor[5]){
         $('.floor5').css({backgroundColor:floor_color[5]}).siblings('a').not('.floor_frist,.floor_last').css({backgroundColor:'#666666'});
         this_color = floor_color[5];
      }else if ( $(window).scrollTop()>=left_floor[5] && $(window).scrollTop() < left_floor[6]){
         $('.floor6').css({backgroundColor:floor_color[6]}).siblings('a').not('.floor_frist,.floor_last').css({backgroundColor:'#666666'});
         this_color = floor_color[6];
      }else if ( $(window).scrollTop()>=left_floor[6]){
         $('.floor8').css({backgroundColor:floor_color[8]}).siblings('a').not('.floor_frist,.floor_last').css({backgroundColor:'#666666'});
         this_color = floor_color[8];
      }else if ( $(window).scrollTop()<left_floor[0]){
          $('.floor1').css({backgroundColor:'#666666'});
      }
   });

   //搜索框焦点事件
   $('.search_text ').focus(function(event) {
     $(this).attr({value: ' '});
   });
   $('.search_text').blur(function(event) {
     $(this).attr({value: '潮鞋搭配 清凉一下'});
   });

   //导航部分鼠标进出滑下事件
   $('.my_taobao , .my_collection ,.ma , .business ,.wangzhan_nav').hover(function() {
   	  $(this).children('.my_pro ,.erweima ,.shangjia ,.daohang_img').stop(true).slideDown(100);
   }, function() {
   	  $(this).children('.my_pro,.erweima ,.shangjia , .daohang_img').stop(false,true).slideUp(100);
   });
   
   //猫儿
   $('.search_nav_mid li').hover(function() {
   	$(this).children('.maoer').stop(true).animate({top:"-9px",opacity:"1"},300).css({display: 'block'});
   }, function() {
   	$(this).children('.maoer').stop(false,true).animate({top:"0px",opacity:"0"},300).css({display: 'none'});
   });

   //多级分类 
   $('.level_one').hover(function() {
       $(this).children('.level').show();
   }, function() {
       $(this).children('.level').hide();
   });

   //轮播图
   var num = 0 ;
   var bg_color = ['#E8E8E8','#E8E8E8','#F7E4C6','#4E9CEF','#00E3B6','#FFC042']
   var run_time = setInterval(run,3000);
   run();
   function run () {
       $('.banner_img').eq(num).stop(true).fadeIn(300).siblings('.banner_img').fadeOut(300);
       $('.banner').stop(true).css({backgroundColor:bg_color[num]});
       $('.change_img span').eq(num).stop(true).css({backgroundColor: 'rgba(255,255,255,0.4)',border:"2px solid rgba(0,0,0,0.4)"}).siblings('.change_img span').css({backgroundColor: 'rgba(0,0,0,0.4)',border:"2px solid rgba(0,0,0,0.05)"});
       if(num>=$('.banner_img').length-1){
       	  num=0;
       }else{
          num++;
       }
   }
   
   //鼠标进出 操作定时器
   $('.banner_img , .change_img').hover(function() {
   	  clearInterval(run_time);
   }, function() {
      run_time = setInterval(run,3000);
   });

   //鼠标点击圆点切换banner
   $('.change_img span').click(function(event) {
   	   num = $(this).index();
   	   run();
   });

   //鼠标进出 图片透明度 变化
   $('.gz_img , .like_pro li , .hot_brand_r li ,.cate_pro_left').hover(function() {
   	   $(this).find('img').stop(true).animate({opacity:'0.6'},300);
   }, function() {
   	   $(this).find('img').stop(false,true).animate({opacity:'1'},300);
   });

   //数遍进出 图片放大缩小 效果
   $('.big_brand .brands li a').hover(function() {
   	   $(this).children('img').stop(true).animate({width: '150px',height: '160px',top:'45px',left:'45px'},200);
   }, function() {
   	   $(this).children('img').stop(true).animate({width: '130px',height: '150px',top:'55px',left:'55px'},200);
   });

   //鼠标进出 图片左右偏移 效果
   $('.cate_pro_list_left li , .cate_pro_list_right li').hover(function() {
   	   $(this).find('img').stop(true).animate({right:'8px'},200);
   }, function() {
       $(this).find('img').stop(false,true).animate({right:'0px'},200);
   });
   
   //鼠标进出 brands 遮罩层出现
   $('.hot_brand .brands li').hover(function() {
       $(this).children('div').stop(true).fadeIn(200);
   }, function() {
       $(this).children('div').stop(false,true).fadeOut(200);
   });

});